// pages/home/home.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        // 日期年月日
        date: {
            year: new Date().getFullYear(),
            month: new Date().getMonth() + 1,
            day: new Date().getDay()
        },
        // 日期样式
        daysColor: [],
        diary: undefined
    },

    changeCurrentDate: function (date) {
        // 设置日期
        this.setData({date: date})
        this.loadDairy(date)
        // TODO 该日期颜色有问题; 每月当天都会显示该颜色;
        // TODO 复杂样式处理; 日期只展示干净的黑框; 当前日期字体下加`.`
        this.setData({
            daysColor: [{
                month: 'current',
                day: date.day,
                color: 'white',
                background: '#59518d'
            }]
        })
    },

    calDateClick: function (e) {
        this.changeCurrentDate({
            year: e.detail.year,
            month: e.detail.month,
            day: e.detail.day,
        })
    },

    /**
     * 加载日记
     */
    loadDairy({year, month, day}) {
        // TODO 加载当日日记
        this.setData({
            diary: year + '/' + month + '/' + day
        })
    },

    /**
     * 提交日记
     */
    commitDairy({year, month, day}, dairy) {
        // TODO 提交
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        let current = new Date()
        this.changeCurrentDate({
            year: current.getFullYear(),
            month: current.getMonth() + 1,
            day: current.getDate(),
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})